<!DOCTYPE html>
<html>
<head>
    {include file='public/meta'/}
    <link rel="stylesheet" type="text/css" href="__STATIC_URL__/static/css/tools/card_type.css"/>
    <link rel="stylesheet" type="text/css" href="__STATIC_URL__/static/css/tools/market.css"/>

</head>
<body>
<style>
    .content{
        background: #ebeff2;
    }
    .tabs {
        background-color: #ffffff;
        margin: 0 auto;
        padding: 0px;
        position: relative;
        white-space: nowrap;
        width: 100%;
    }
    .nav.nav-tabs > li.active > a{
        border-bottom: 2px solid #2db7f5;
    }

</style>
{include file='public/header'/}
<!------------------导航-------------------------->
<section>
    {include file='public/left'/}
    <!--------------------------主要内容区域------------------------------------->
    <div class="content">
        <div class="row ">
            <div class="col-sm-12">
                <ol class="breadcrumb">
                    <li>
                        当前位置是&nbsp;:
                    </li>
                    <li><a href="javascript:history.back();">系统设置</a></li>
                    <li><a href="#">小程序管理</a></li>
                </ol>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12">
                <ul class="nav nav-tabs tabs member-tab" style="width:100%;">
                    <li class="active tab"style="width:180px;">
                        <a href="#"class="active">

                            <span class="hidden-xs">小程序管理</span>
                        </a>
                    </li>

                </ul>
                <div class="tab-content"style="min-height: 645px; padding: 10px 20px; overflow: hidden;">
                    <div class="tab-pane active"id="type">
                        <div class="alert alert-success" style="background-color: rgba(204, 228, 223, 0.3);margin-top: 10px;margin-bottom: -10px;margin: 5px 10px -5px 10px;">
                            <strong>
                                <i class="ti-info-alt"></i>
                            </strong>
                            小程序管理是以商家小程序管理为基础，分为体验者管理，代码管理，预约管理，门店内容四大块。
                        </div>
                        <div class="MarketionTool">
                            <div class="clearfix portfolioContainer">

                                <div class="ToolItem col-sm-3 col-lg-2 col-md-4 waves-effect">
                                    <a href="{:url('Microprogram/bind_tester')}">
                                        <div class="card">
                                            <img src="__STATIC_URL__/static/images/18.png" alt=""class="card-img-top img-fluid"style=" background: #CDDC39; ">
                                            <div class="card-block">
                                                <h4 class="card-title">体验者管理：</h4>
                                                <p class="card-text">
                                                    设置体验者微信号，撤销体验者微信号。
                                                </p>
                                            </div>
                                        </div>
                                    </a>
                                </div>


                                <div class="ToolItem col-sm-3 col-lg-2 col-md-4 waves-effect">
                                    <a href="{:url('Microprogram/yylist')}">
                                        <div class="card">
                                            <img src="__STATIC_URL__/static/images/26.png" alt=""class="card-img-top img-fluid"style="background: #6370ce;">
                                            <div class="card-block">
                                                <h4 class="card-title">预约管理：</h4>
                                                <p class="card-text">
                                                    查看小程序预约列表。
                                                </p>
                                            </div>
                                        </div>
                                    </a>
                                </div>

                                <div class="ToolItem col-sm-3 col-lg-2 col-md-4 waves-effect">
                                    <a href="{:url('Microprogram/set_prostore')}">
                                        <div class="card">
                                            <img src="__STATIC_URL__/static/images/25.png" alt=""class="card-img-top img-fluid"style=" background: #03A9F4; ">
                                            <div class="card-block">
                                                <h4 class="card-title">门店内容：</h4>
                                                <p class="card-text">
                                                   设置小程序门店内容。
                                                </p>
                                            </div>
                                        </div>
                                    </a>
                                </div>


                                <div class="ToolItem col-sm-3 col-lg-2 col-md-4 waves-effect">
                                    <a href="{:url('Microprogram/sub_program')}">
                                        <div class="card">
                                            <img src="__STATIC_URL__/static/images/23.png" alt=""class="card-img-top img-fluid"style="background: #00bcd4;">
                                            <div class="card-block">
                                                <h4 class="card-title">代码管理：</h4>
                                                <p class="card-text">
                                                    设置小程序基本信息，发布代码。
                                                </p>
                                            </div>
                                        </div>
                                    </a>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        {include file='public/footer'/}
    </div>
</section>

</body>
</html>


